<!DOCTYPE html>
<!-- saved from url=(0120)https://hz.lianjia.com/zufang/proprietor/offer?city_id=330100&city_name=%E6%9D%AD%E5%B7%9E&position=rent_pc_toptbar_rent -->
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="Content-language" content="zh-CN">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="pc">
    <meta http-equiv="Cache-Control" content="no-transform ">

    <!-- seo关键字相关信息 -->
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>我要出租房屋|杭州业主个人委托出租房屋【杭州链家】</title>

    <script type="text/javaScript" src="/js/vue.js"></script>
    <script type="text/javascript" src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>

    <!-- <script type="javaScript" src="../js/release/release.js"></script> -->
    <!--地址信息-->
    <meta name="location" content="province=浙江;city=杭州">


    <meta name="" mobile-agent="" content="format=[wml|xhtml|html5];url=">

    <!-- 是否需要加载common.css -->
    <link rel="stylesheet" href="/css/common.css">


    <!-- 载入后台返回的css文件 -->
    <link rel="stylesheet" href="/css/search/index.css">
    <!-- 载入后台返回的css文件 -->
    <link rel="stylesheet" href="/css/detailInformation/index(1).css">
    <link rel="stylesheet" href="/css/release/index.css">
    <!-- 载入链家相关皮肤 -->
    <link rel="stylesheet" href="/css/lianjia.css">
    <link rel="stylesheet" href="/css/release/release.css">
    <style type="text/css">
        .theme-ke ._bgcolor {
            background: #3072F6;
        }

        .theme-ke ._color {
            color: #3072F6;
        }

        .theme-ke ._bdcolor {
            border-color: #3072F6;
        }

        .theme-lianjia ._bgcolor {
            background: #39AC6A;
        }

        .theme-lianjia ._color {
            color: #39AC6A;
        }

        .theme-lianjia ._bdcolor {
            border-color: #39AC6A;
        }

        .login_layer {
            font-size: 14px;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1003;
            display: none;
        }

        .login_layer>* {
            box-sizing: content-box;
        }

        .login_layer .link-btn {
            cursor: pointer;
            text-decoration: underline;
        }

        .login_layer .link-btn:hover {
            text-decoration: underline;
        }

        .login_layer .login_bg {
            width: 100%;
            height: 100%;
            background-color: #000;
            opacity: 0.6;
            filter: alpha(opacity=60);
            position: fixed;
            top: 0;
            left: 0;
        }

        .login_layer .login_panel {
            opacity: 1;
            filter: alpha(opacity=100);
            width: 300px;
            padding: 40px;
            height: auto;
            background-color: #FFF;
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 1px 3px 14px rgba(0, 0, 0, 0.3);
            border-radius: 2px;
        }

        .login_layer .login_panel a {
            cursor: pointer;
        }

        .login_layer .login_panel .login_panel_close {
            cursor: pointer;
            position: absolute;
            right: 15px;
            top: 15px;
            padding: 4px;
            font-size: 18px;
        }

        .login_layer .login_panel .login_panel_label {
            min-height: 20px;
            line-height: 20px;
            margin-bottom: 40px;
            padding-left: 0;
        }

        .login_layer .login_panel .login_panel_label .login_panel_title {
            margin: 0;
            float: left;
            font-size: 20px;
            color: #101D37;
            font-weight: bold;
        }

        .login_layer .login_panel .login_panel_label .login_panel_hint {
            color: #AAA;
            padding: 40px 0 0;
            line-height: 1;
            font-size: 14px;
        }

        .login_layer .login_panel .form .input_box {
            padding: 0;
            border-radius: 2px;
        }

        .login_layer .login_panel .form .input_box .form_input_item {
            overflow: hidden;
            border: 1px solid #DBDBDB;
            color: #555;
            clear: both;
            height: 50px;
            line-height: 50px;
            position: relative;
            margin-top: -1px;
        }

        .login_layer .login_panel .form .input_box .form_input_item.input_error {
            border: 1px solid #DB4C3F;
            margin-top: -1px;
            z-index: 2;
        }

        .login_layer .login_panel .form .input_box .form_input_item.first_child {
            border-radius: 2px 2px 0 0;
        }

        .login_layer .login_panel .form .input_box .form_input_item.last_child {
            border-radius: 0 0 2px 2px;
        }

        .login_layer .login_panel .form .input_box .form_input_item input {
            border: 0;
            padding: 0 0 0 16px;
            width: 100%;
            height: 50px;
            line-height: 50px;
            color: #101D37;
            font-size: 14px;
            outline: none;
        }

        .login_layer .login_panel .form .input_box .form_input_item input::placeholder {
            color: #BBB;
        }

        .login_layer .login_panel .form .input_box .form_input_item input.code_type {
            width: 151px;
            float: left;
        }

        .login_layer .login_panel .form .input_box .form_input_item input.password_type {
            width: 242px;
            float: left;
            padding-right: 10px;
        }

        .login_layer .login_panel .form .input_box .form_input_item .password-view {
            cursor: pointer;
            display: inline-block;
            width: 18px;
            height: 12px;
            background-image: url();
        }

        .login_layer .login_panel .form .input_box .form_input_item .verifyimg {
            float: right;
            height: 45px;
            width: 125px;
        }

        .login_layer .login_panel .form .input_box .form_input_item .addtional_a {
            line-height: 50px;
            color: #101D37;
            float: right;
        }

        .login_layer .login_panel .form .input_box .form_input_item .addtional_a em {
            padding: 0 16px;
            border-left: 1px solid #DBDBDB;
            font-style: normal;
        }

        .login_layer .login_panel .form .login_error {
            color: #DB4C3F;
            padding: 24px 0 0;
            line-height: 14px;
        }

        .login_layer .login_panel .form .login_voice a {
            text-decoration: underline;
            color: #101D37;
            cursor: pointer;
        }

        .login_layer .login_panel .form .login_remember,
        .login_layer .login_panel .form .login_protocol {
            color: #555;
            clear: both;
            position: relative;
            line-height: 23px;
            margin: 24px 0;
            overflow: hidden;
        }

        .login_layer .login_panel .form .login_remember .checkbox-btn,
        .login_layer .login_panel .form .login_protocol .checkbox-btn {
            cursor: pointer;
            float: left;
        }

        .login_layer .login_panel .form .login_remember .checkbox-btn input[type="checkbox"][value="1"]+.checkbox,
        .login_layer .login_panel .form .login_protocol .checkbox-btn input[type="checkbox"][value="1"]+.checkbox {
            background-image: url();
            background-position: center;
            background-repeat: no-repeat;
            background-size: 12px 10px;
        }

        .login_layer .login_panel .form .login_remember .checkbox-btn .checkbox,
        .login_layer .login_panel .form .login_protocol .checkbox-btn .checkbox {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 1px solid #DBDBDB;
            border-radius: 2px;
            position: relative;
            margin-right: 6px;
            cursor: pointer;
            line-height: 47px;
        }

        .login_layer .login_panel .form .login_remember .checkbox-btn .checkbox.active,
        .login_layer .login_panel .form .login_protocol .checkbox-btn .checkbox.active {
            background-image: url();
            background-position: center;
            background-repeat: no-repeat;
            background-size: 12px 10px;
        }

        .login_layer .login_panel .form .login_remember .checkbox-btn .mind-login,
        .login_layer .login_panel .form .login_protocol .checkbox-btn .mind-login {
            float: none;
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

        .login_layer .login_panel .form .login_remember .login_panel_forget_password,
        .login_layer .login_panel .form .login_protocol .login_panel_forget_password {
            float: right;
            color: #101D37;
        }

        .login_layer .login_panel .form .login_panel_op {
            display: block;
            width: 300px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            font-weight: bold;
            border: 0;
            cursor: pointer;
            background: noset;
            color: #FFF;
            text-align: center;
            border-radius: 2px;
            margin-top: 24px;
        }

        .login_layer .login_panel .form .login_panel_op:hover {
            opacity: 0.9;
            text-decoration: none;
        }

        .login_layer .login_panel .form .change_login_type {
            padding: 24px 0 0;
            height: 14px;
            line-height: 14px;
            color: noset;
            display: inline-block;
        }

        .login_layer .login_panel .form .login_panel_change_login_type .link-btn {
            text-decoration: underline;
        }

        .login_layer .login_panel .form .login_panel_change_login_type .link-btn:hover {
            color: noset;
        }

        .login_layer .login_panel .form .captcha .msg .error {
            display: none;
        }

        .login_layer .login_panel .set_password_success {
            display: none;
            text-align: center;
        }

        .login_layer .login_panel .set_password_success .succ_tit {
            font-weight: bold;
            font-size: 18px;
        }

        .login_layer .login_panel .set_password_success .succ_desc {
            font-size: 14px;
            margin-top: 20px;
        }

        .login_layer .login_panel .set_password_success .succ_desc a {
            color: noset;
            text-decoration: none;
        }

        .login_layer .login_panel .set_password_success .succ_desc a:hover {
            text-decoration: underline;
        }
    </style>
<!--    获取屏幕大小-->
    <script>
        var width=window.screen.width;
        var aa=document.getElementsByTagName("body")
        console.log(aa)
        aa.width=aa+"px";
        aa.pandding=aa+"px";
    </script>
</head>

<body id="app" >


<div class="wrapper">
    <link href="/css/lianjiaim.css" type="text/css" property="stylesheet" rel="stylesheet">

    <div>
        <!-- 顶部总站导航 -->
        <div class="header ">
            <ul class="header__wrapper w1150 clear typeUserInfo" id="top">
                <li class="header__item fl">
                    <a href="https://hz.lianjia.com/" target="_blank">首页</a>
                </li>
                <li class="header__item fl">
                    <a href="https://hz.lianjia.com/ershoufang/" target="_blank">二手房</a>
                </li>
                <li class="header__item fl">
                    <a href="https://hz.fang.lianjia.com/loupan/" target="_blank">新房</a>
                </li>
                <li class="header__item fl cur">
                    <a href="https://hz.lianjia.com/zufang/" target="_blank">租房</a>
                </li>
                <li class="header__item fl">
                    <a href="https://us.lianjia.com/" target="_blank">海外</a>
                </li>
                <li class="header__item fl">
                    <a href="https://shangye.lianjia.com/hz/" target="_blank">商业办公</a>
                </li>
                <li class="header__item fl">
                    <a href="https://hz.lianjia.com/xiaoqu/" target="_blank">小区</a>
                </li>
                <li class="header__item fl">
                    <a href="https://hz.lianjia.com/jingjiren/" target="_blank">经纪人</a>
                </li>
                <li class="header__item fl">
                    <a href="https://hz.lianjia.com/wenda/" target="_blank">指南</a>
                </li>
                <li class="header__item fl">
                    <a href="https://hz.lianjia.com/fangjia/" target="_blank">房价</a>
                </li>
                <li class="header__item fl">
                    <a href="https://hz.lianjia.com/tool.html" target="_blank">工具</a>
                </li>
                <li class="header__item fl publish-house" data-event_id="20383">
                    <a href="https://hz.lianjia.com/yezhu/" target="_blank">发布房源</a>
                </li>
                <li class="header__aside fr pointer typeShowUser" data-el="login" id="login_table"
                    data-event_action="target=login">
                        <span data-el="login_box">
              <span data-el="btn_login" data-id="dialog_tel" id="login_show" class="btn-login" v-on:click="login_show">登录</span> /<span
                                class="btn-resgiter" data-el="register" data-id="dialog_reg" id="register_show"
                                v-on:click="register_show()">注册</span>
                        </span>
                </li>
                <li class="top__aside fr hide" id="user_box">
                    <a href="https://hz.lianjia.com/zufang/" id="userName">{{user.userName}}</a>
                    <a id="logout_btn" v-on:click="login_out">退出</a>
                    <div class="menu-pop">
                        <i class="allow"></i>
                        <ul class="menu-list lj">
                            <li class="menu-item"><a href="https://hz.lianjia.com/zufang/users/index?cur_type=attention"
                                                     target="_blank">我的关注</a></li>
                            <li class="menu-item"><a href="https://hz.lianjia.com/zufang/users/index?cur_type=contact"
                                                     target="_blank">最近联系</a></li>
                            <li class="menu-item"><a href="https://hz.lianjia.com/zufang/users/index?cur_type=scan"
                                                     target="_blank">浏览记录</a></li>
                        </ul>
                    </div>
                </li>

            </ul>

        </div>
    </div>
</div>

<div id="release">
    <div class="m-jumbotron">
        <div class="tit">发布出租房源</div>
        <div class="sub-tit">快速全城推广</div>
    </div>
    <form id="houseData">
        <div id="step" style="width:100%;">
            <div id="process"style="width: 100%;height: 101px;">
                <div style="width: 20%;float: left;margin-left: 25%;height: 60px;text-align:center;vertical-align:middle;line-height:60px;font-size: 20px;background-color: #ff0000">第一步</div>
                <div style="width: 20%;float: left;height: 60px;text-align:center;vertical-align:middle;line-height:60px;font-size: 20px">第二步</div>
                <div style="width: 20%;float: left;height: 60px;text-align:center;vertical-align:middle;line-height:60px;font-size: 20px">第三步</div>
            </div>
            <div class="stepBox" ref="oneBox">
                <div id="itany" class="compact">
                    <span class="headerFont">地址</span>
                    <select v-model="form.province" @change="updateCity(),updateArea()" class="shortselect">
                        <option v-for=" (v,k) in position" >{{v.name}}</option>
                    </select>
                    <select v-model="form.city" @change="updateArea()" class="shortselect">
                        <option v-for="(v,k) in cityarr">{{v.name}}</option>
                    </select>
                    <select v-model="form.area" class="shortselect">
                        <option v-for="v in dist">{{v}}</option>
                    </select>
                    <input class="shortselect" v-model="form.detail"  placeholder="详细地址">
                </div>
                <div>
                    <div class="compact">
                        <span class="headerFont">面积</span> <input v-model="area" class="shortselect" type="number" step="1" min="0" value="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''"><span>平方米</span>
                    </div>
                    <div class="compact">
                        <span class="headerFont">楼层</span>
                        <input class="shortselect" v-model="floor" type="number"  oninput="if(value>30)value=30;if(value<-2)value=-2;" />
                    </div>
                    <div class="compact">
                        <span class="headerFont">电梯</span>
                        <label><input type="radio" v-model="elevator" value="有"  name="elevator" checked="checked">有</label>
                        <label><input type="radio" v-model="elevator" value="无"  name="elevator" checked="checked">无</label>
                    </div>
                    <div class="compact">
                        <span class="headerFont">车位</span>
                        <label><input type="radio" v-model="parkingSpace" value="租车位" name="parkingSpace" checked="checked">租车位</label>
                        <label><input type="radio" v-model="parkingSpace" value="有车位"  name="parkingSpace">有车位</label>
                        <label><input type="radio" v-model="parkingSpace" value="无车位"  name="parkingSpace">无车位</label>
                        <label><input type="radio" v-model="parkingSpace" value="附近有停车场"  name="parkingSpace">附近有停车场</label>
                        <label><input type="radio" v-model="parkingSpace" value="不清楚"  name="parkingSpace">不清楚</label>
                        <label><input type="radio" v-model="parkingSpace" value="商量"  name="parkingSpace">商量</label>
                    </div>
                    <div class="compact">
                        <span class="headerFont">用电</span>
                        <label><input type="radio" v-model="electric"  value="民用电" name="electric" checked="checked">民用电</label>
                        <label><input type="radio"  v-model="electric" value="商用电" name="electric">商用电</label>
                        <label><input type="radio"  v-model="electric" value="联系商量" name="electric">联系商量</label>
                    </div>
                    <div class="compact">
                        <span class="headerFont">用水</span>
                        <label> <input type="radio" v-model="water" value="民用水" name="water" checked="checked">民用水</label>
                        <label><input type="radio"  v-model="water" value="商用水" name="water">商用水</label>
                        <label> <input type="radio"  v-model="water" value="联系商量" name="water">联系商量</label>
                    </div>
                    <div class="compact">
                        <span class="headerFont">燃气</span>
                        <label><input type="radio" v-model="gas" value="" name="gas" checked="checked">有</label>
                        <label><input type="radio"  v-model="gas" value="" name="gas">无</label>
                    </div>

                    <div class="compact">
                        <span class="headerFont">供暖</span>
                        <label><input type="radio" v-model="warm"  value="集中供暖" name="warm" checked="checked">集中供暖</label>
                        <label><input type="radio"  v-model="warm" value="自行供暖" name="warm">自行供暖</label>
                        <label><input type="radio"  v-model="warm" value="联系商量" name="warm">联系商量</label>
                    </div>
                    <div class="compact">
                        <span class="headerFont">租期</span>
                        <select v-model="rentTime.year"  class="shortselect">
                            <option>0</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                            <option>6</option>
                            <option>7</option>
                            <option>8</option>
                            <option>9</option>
                        </select>年
                        <select  v-model="rentTime.month"  class="shortselect">
                            <option>0</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                            <option>6</option>
                            <option>7</option>
                            <option>8</option>
                            <option>9</option>
                            <option>10</option>
                            <option>11</option>
                        </select>月
                        <label></label><input type="radio" v-model="rentTime.connection"  value="联系商量" name="rentalTime">联系商量
                    </div>
                    <div class="compact">
                        <span class="headerFont">看房时间</span>
                        <input class="shortselect"  v-model="lookTime"  style="width: 600px;" placeholder="此栏可填写具体时间，也可填写联系商量等，目的是为了租客月房东同一时间去看房">
                    </div>
                    <div class="compact">
                        <span class="headerFont">入住时间</span>
                        <label> <input type="radio" v-model="inTime"  value="随时入住" name="intime" checked="checked">随时入住</label>
                        <label> <input type="radio"  v-model="inTime" value="联系商量" name="intime">联系商量</label>
                    </div>
                </div>
            </div>

            <div class="stepBox" ref="twoBox" style="height: 808px">
                <div  class="compact">
                    <span class="headerFont">设备</span>
                    <label><input type="checkbox" v-model="equipment"  name="equipment" value="洗衣机">洗衣机</label>
                    <label><input type="checkbox" v-model="equipment" name="equipment" value="空调">空调</label>
                    <label><input type="checkbox" v-model="equipment"  name="equipment" value="宽带">宽带</label>
                    <label><input type="checkbox"  v-model="equipment" name="equipment" value="电视">电视</label>
                    <label><input type="checkbox" v-model="equipment"  name="equipment" value="冰箱">冰箱</label>
                    <label><input type="checkbox"  v-model="equipment" name="equipment" value="热水器">热水器</label><br>
                    <label><input type="checkbox"  v-model="equipment" name="equipment" value="床" style="margin-left: 100px;">床</label>
                    <label><input type="checkbox" v-model="equipment" name="equipment" value="暖气">暖气</label>
                    <label><input type="checkbox" v-model="equipment"  name="equipment" value="天然气">天然气</label>
                    <label><input type="checkbox" v-model="equipment"  name="equipment" value="桌子">桌子</label>
                    <label><input type="checkbox"  v-model="equipment" name="equipment" value="沙发">沙发</label>
                    <label><input type="checkbox"  v-model="equipment" name="equipment" value="衣柜">衣柜</label>
                </div>
                <div>
                    <div class="compact">
                        <span class="headerFont">方式</span>
                        <label><input type="radio" v-model="rentalType" name="rentalType" value="整租">整租</label>
                        <label><input type="radio"  v-model="rentalType" name="rentalType" value="合租">合租</label>
                    </div>
                    <div class="compact">
                        <span class="headerFont">月租</span>
                        <input type="number" v-model="rent" class="shortselect" value="1" oninput="if(value<0)value=0;">
                        <span>元/月</span>
                    </div>
                    <div class="compact">
                        <span class="headerFont">压付</span>
                        <span>压</span>
                        <input v-model="rentModel.mortgage"  type="number"  class="shortselect" style="width: 50px;" value="0" oninput="if(value<0)value=0;">
                        <span>付</span>
                        <input v-model="rentModel.pay" type="number" class="shortselect" style="width: 50px;" value="1" oninput="if(value<0)value=0;">
                    </div>
                    <div class="compact">
                        <span class="headerFont">户型</span>
                        <input v-model="houseType.hall" type="number" class="shortselect" style="width: 30px;" value="0" oninput="if(value<0)value=0;">
                        <span>厅</span>
                        <input  v-model="houseType.room" type="number" class="shortselect" style="width: 30px;" value="1" oninput="if(value<0)value=0;">
                        <span>室</span>
                        <input  v-model="houseType.washroom" type="number" class="shortselect" style="width: 30px;" value="1" oninput="if(value<0)value=0;">
                        <span>卫</span>
                        <input v-model="houseType.kitchen"  type="number" class="shortselect" style="width: 30px;" value="0" oninput="if(value<0)value=0;">
                        <span>厨房</span>
                        <input v-model="houseType.balcony" type="number" class="shortselect" style="width: 30px;" value="0" oninput="if(value<0)value=0;">
                        <span>阳台</span>
                    </div>
                    <div class="compact">
                        <span class="headerFont">联系</span>
                        <input v-model="connection"  class="shortselect" type="text">
                    </div>
                    <div class="compact">

                        <span class="headerFont"  style="float: left">上传图片</span>
                        <div class="container" v-cloak>
                            <div class="uploading-data" v-if="isUploading"></div>
                            <div class="upload-img-column">
                                <div class="words">上传图片 ({{imgTempList.length}}/9)</div>
                                <div class="upload-wrap">
                                    <div class="box">
                                        <label class="p dotted">
                                            <input style="opacity: 0;" type="file" accept="image/jpg,image/jpeg,image/png" name="file"
                                                   @change="onChooseImage($event)">
                                            <img src="/html/imgs/jiahao.png" alt="">
                                        </label>
                                    </div>
                                    <template v-for="(imgItem, imgIndex) in imgTempList">
                                        <div class="box">
                                            <div class="p">
                                                <img :src="imgItem">
                                                <div class="delete" @click.stop="deleteImg(imgIndex)">
                                                    <img src="/html/imgs/guanbi.png" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </template>
                                </div>
                            </div>

                            <!-- <button class="l-btn" @click="onUploadImg">上传</button> -->

                            <!--  压缩图片用的  -->
                            <canvas id="compressCanvas" style="position: fixed; z-index: -1; opacity: 0; top: -100%; left: -100%"></canvas>
                        </div>

                    </div>
                </div>
            </div>

            <div class="stepBox" ref="threeBox">
                <div>
                    <div class="compact">
                        <label>
                            <span class="headerFont">请上传房产证信息页:</span>
                            <input type="file" style="opacity: 0;display: none" @change="uploadHouse($event)"   accept="image/jpg,image/jpeg,image/png">
                            <div style="width: 200px;height: 200px">
                                <img ref="houseCardImg" src="/html/imgs/jiahao.png" alt="上传房产证信息页，包含房产所属人，房产用途，房产有效期">
                            </div>
                        </label>
                    </div>
                    <div class="compact">
                        <span class="headerFont">请上传身份证个人信息页:</span>
                        <label>
                            <input type="file"  @change="uploadPerson($event)"  style="opacity: 0;display: none" accept="image/jpg,image/jpeg,image/png">
                            <div style="width: 200px;height: 200px;">
                            <img ref="personCardImg" src="/html/imgs/jiahao.png" alt="请上传身份证个人信息页">
                            </div>
                        </label>
                    </div>
                </div>
            </div>
            <div style="text-align: center;">
                <button type="button" style="height: 50px;width: 100px;margin-right: 30px" v-on:click="prev()">上一步</button>
                <button type="button" style="height: 50px;width: 100px;margin-left: 30px" v-on:click="next()" ref="next">下一步</button>
            </div>
        </div>
    </form>
</div>

<div class="fix-right-v3" id="back-top" log-mod="sidebar" data-el="right_bar">
    <table>
        <tbody>
        <tr>
            <td>
                <ul>
                    <li class="myfav sidebar-item">
                        <a title="我关注的房源" data-url="//user.lianjia.com/site/favorHouse/" data-bl="myfav"
                           exposure-event_id="25755" data-event_id="25756" exposure-event_action="click_name=心愿单"
                           data-event_action="click_name=心愿单" exposure="true">我关注的房源</a>
                        <span class="popup"><i></i>我关注的房源</span>
                    </li>
                    <li class="sell sidebar-item" data-el="rightbar_entry">
                        <a title="在线租房"
                           href="https://hz.lianjia.com/zufang/proprietor/offer?city_id=330100&amp;city_name=%E6%9D%AD%E5%B7%9E&amp;position=rent_pc_rightbar_rent"
                           target="_blank" data-bl="sell" exposure-event_id="25755"
                           exposure-event_action="click_name=出租" data-event_id="25756"
                           data-event_action="click_name=出租" exposure="true">我要出租</a>
                        <span class="popup"><i></i>我要出租</span>
                    </li>
                    <li class="baodan sidebar-item">
                        <a href="https://hz.lianjia.com/anxinchengnuo" title="安心服务承诺" target="_blank" data-bl="baodan"
                           data-event_id="25756" exposure-event_id="25755" exposure-event_action="click_name=安心保单"
                           data-event_action="click_name=安心保单" exposure="true">安心服务承诺</a>
                        <span class="popup">
                  <i></i>安心服务承诺
                </span>
                    </li>
                    <li class="phone sidebar-item">
                        <a title="官方客服" data-event_id="25756" exposure-event_id="25755"
                           exposure-event_action="click_name=官方客服" data-event_action="click_name=官方客服" exposure="true">官方客服</a>
                        <span class="popup"><i></i>官方客服</span>
                    </li>

                    <li class="feedback sidebar-item">
                        <a href="https://helper.lianjia.com/it/index2#/feedbackForC?channel=lj-pc&amp;city=330100"
                           title="反馈/投诉" data-bl="feedback" exposure-event_id="25755" data-event_id="25756"
                           exposure-event_action="click_name=反馈" data-event_action="click_name=反馈" exposure="true"></a>
                        <span class="popup"><i></i>反馈/投诉</span>
                    </li>
                </ul>
            </td>
        </tr>
        </tbody>
    </table>
    <ul>
        <li class="gotop sidebar-item" id="gotop" style="display: none;"><a title="返回顶部">返回顶部</a><span
                class="popup"><i></i>返回顶部</span></li>
    </ul>
</div>
<div class="footer" style="margin-top:20px">
    <div class="footer__wrapper w1150">

        <div class="footer__top">
            <ul class="footer__light">
                <li><a href="https://hz.lianjia.com/zufang/wzdt/">网站地图</a></li>
            </ul>
            <a class="footer__aside" href="tel:10109666">客服电话<span>10109666</span></a>
        </div>

        <div class="footer__middle">
            <ul data-el="parentList">
                <li><a class="cur" data-index="0">城市二手房</a></li>
                <li><a class="" data-index="1">房产资讯</a></li>
                <li><a class="" data-index="2">城区租房</a></li>
            </ul>
            <ul data-el="childrenList" style="display:block">
                <li><a href="https://bj.ke.com/">北京房产网</a></li>
                <li><a href="https://news.lianjia.com/bj/">北京房产资讯</a></li>
            </ul>
            <ul data-el="childrenList">
                <li><a href="https://news.lianjia.com/bj/">北京房产资讯</a></li>
                <li><a href="https://news.lianjia.com/bj/">北京房产资讯</a></li>
            </ul>
            <ul data-el="childrenList">
                <li><a href="https://bj.lianjia.com/zufang/dongcheng/">东城租房</a></li>
                <li><a href="https://news.lianjia.com/bj/">北京房产资讯</a></li>
            </ul>
        </div>

        <div class="footer__bottom">
            <p>贝壳找房（北京）科技有限公司 | 网络经营许可证 <a href="http://beian.miit.gov.cn/">京ICP备16057509号</a> | © Copyright ©2010-2020
                贝壳找房版权所有</p>
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802024019"
               style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img
                    style="margin-right: 5px;" src="./release_files/beian.png">京公网安备 11010802024019号</a>
        </div>

    </div>
</div>
<div id="loginModel" class="login_layer theme-lianjia" style="display: none;">
    <div class="login_bg animated"></div>

    <div class="login_panel animated">
        <div class="login_panel_close" id="show_exit" v-on:click="show_exit()">×</div>

        <div class="login_box">
            <form class="form" id="login_form">
                <ul class="input_box">
                    <li class="form_input_item first_child phonenum">
                        <input class="phonenum_input" maxlength="11" placeholder="请输入手机号" type="text"
                               v-model="user.account">
                    </li>
                    <li class="form_input_item picverifycode" style="display: none;">
                        <input class="code_type picverifycode_input" placeholder="请输入验证码" type="text"
                               autocomplete="off"/>
                        <img class="verifyimg login_verify_img" src=""/>
                    </li>
                    <li class="form_input_item last_child messageverifycode" id="message" style="display: none;">
                        <input class="code_type messageverifycode_input" placeholder="请输入短信验证码" type="text"
                               autocomplete="off">
                        <a class="addtional_a send_login_message_verify">
                            <em>获取验证码</em>
                        </a>
                    </li>
                    <li class="form_input_item last_child password" id="password">
                        <input class="password_type password_input" placeholder="请输入密码" type="password"
                               autocomplete="current-password" v-model="user.password">
                        <em class="password-view"></em>
                    </li>
                    <li class="form_input_item last_child setpassword" style="display: none;" id="againPassword">
                        <input class="password_type setpassword_input" placeholder="请再次输入密码（最少8位，数字+字母）"
                               v-model="againPassword" type="password" autocomplete="current-password">
                        <em class="password-view"></em>
                    </li>
                </ul>

                <div class="btn confirm_btn login_panel_op login_submit _bgcolor" id="login_button" ref="login_button"
                     v-on:click="login()"></div>
                <div class="login_panel_change_login_type">
                    <p style="color:#AAA;margin-top: 10px;font-size: 12px;line-height: 14px;">登录即代表同意<a
                            class="link-btn _color" href="https://www.lianjia.com/privacy" target="_blank">《隐私政策》</a>及<a
                            class="link-btn _color" href="https://www.lianjia.com/zhuanti/protocol" target="_blank">《用户使用协议》</a>
                    </p>
                </div>
            </form>
        </div>

        <div class="set_password_success" style="display: none;">
            <div class="succ_tit">修改密码成功</div>
            <div class="succ_desc">欢迎回来，<a class="tologin _color">点击这里去登录</a></div>
        </div>

    </div>
</div>
</body>
<script type="text/javaScript" src="/js/release/release.js"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript" src="/js/login.js"></script>


</html>